<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Title, description and single image -->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:f="http://java.sun.com/jsf/core">

<!-- INTERFACE -->
<composite:interface>
	<!--
	<composite:attribute name="name" />
	<composite:attribute name="image" />
	<composite:attribute name="descr" />
	-->
</composite:interface>

<!-- IMPLEMENTATION -->
<composite:implementation>
	<h:form>
		<ul id="elenco_locali_button">
			<h:outputStylesheet name="elenco_locali.css" library="pages/items" />
			<!-- <li id="elenco_locali_button_active"><a href="#">Renoir</a></li> -->
			<h:outputText rendered="#{gestioneLocali.isEmpty()}"
				value="#{msg.no_locals}" />
			<h:dataTable value="#{gestioneLocali.locali}" var="l"
				rendered="#{gestioneLocali.isNotEmpty()}">

				<h:column>
					<li id="elenco_locali_button_active"><h:commandLink
							action="#{locali.select(l)}" rendered="#{l.isSelected()}">
							<h:outputText value="- #{l.name}" style="width: 100%;" />
							<f:param value="#{l.id}" name="id" />
						</h:commandLink></li>
					<li id="elenco_locali_button"><h:commandLink
							action="#{locali.select(l)}" rendered="#{l.isNotSelected()}">
							<h:outputText value="+ #{l.name}" />
						</h:commandLink></li>
				</h:column>
			</h:dataTable>
		</ul>
	</h:form>
</composite:implementation>
</html>